import { getInfo, login } from '@/api/user'
import { getToken, removeToken, setToken } from '@/utils/auth'
// import axios from 'axios'
// import request from '@/utils/request'
import { constantRoutes, resetRouter } from '@/router'

export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {},
    routes: constantRoutes
  },
  mutations: {
    setToken(state, token) {
      // 将 token 存储到 state
      state.token = token
      // 将 token 存储到本地
      setToken(token)
    },
    removeToken(state) {
      // 将 state 的 token 清空
      state.token = null
      // 将本地的 token 清空
      removeToken()
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    setRoutes(state, routes) {
      state.routes = [...constantRoutes, ...routes]
    }
  },
  actions: {
    async login(context, data) {
      // 调用登录接口发请求
      // const res = await axios.post('http://localhost:9528/api/sys/login', data)
      // /api/sys/login 不是以协议开头的, 默认都当做相对路径处理, 相对的是当前服务器
      // const res = await axios.post('/api/sys/login', data)
      // console.log(res)
      // 测试 request 模块
      // const res = await request.post('/sys/login', data)
      // console.log(res)
      const token = await login(data)
      // console.log(token)
      context.commit('setToken', token)

      // 模拟得到了 token
      // const token = 123456
      // context.commit('setToken', token)
    },
    async getUserInfo(context) {
      const userInfo = await getInfo()
      // console.log(userInfo)
      context.commit('setUserInfo', userInfo)
      return userInfo
    },
    logout(context) {
      context.commit('removeToken')
      context.commit('setUserInfo', {})
      // 重置路由
      resetRouter()
    }
  },
  getters: {}
}
